<template>
	
	<div  class="title">
		<slot>
			<span>小七推荐</span>
		</slot>
	</div>
	
	
</template>

<script>
	export default {
		name:'Subheading',
		data() {
			return {
				
			}
		}
	}
</script>

<style scoped>
	.title {
		display: flex;
		justify-content: center;
		font-size: 1.25rem;
	}
	span:after{
		content: "";
		    position: absolute;
			right: 8.2rem;
		    width: 0.5rem;
		    height: 0.5rem;
		    border-radius: 50%;
		    display: block;
		    background: #d4c0a7;
		    margin-top: -1rem;
	}
	span:before{
		content: "";
		    position: absolute;
			left: 8.125rem;
		    width: 0.5rem;
		    height: 0.5rem;
		    border-radius: 50%;
		    display: block;
		    background: #d4c0a7;
		    margin-top: 0.6rem;
	}
</style>
